﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/SBOKPrdDetail.Master"
    Inherits="System.Web.Mvc.ViewPage<Microhard.Protal.Models.ProductModel>" %>

<%@ Import Namespace="Microhard.WebUI.Protal.Extensions" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    <%=Model.Name %>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div class="etb-29 clean image-details">
        <div class="float-box w12 product-details">
            <div class="w6 float-box">
                <div class="mb mr ml product-image-container">
                    <div>
                        <h2 class="mb">
                            <%=Model.Name %>
                        </h2>
                    </div>
                    <div class="image-container">
                        <% 
                            var prdImg = Html.GetFile("产品简图", Model.ProductID);
                            string base64String = string.Empty;
                            if (prdImg != null && prdImg.Content != null)
                            {
                                base64String = Convert.ToBase64String(prdImg.Content);
                            }
                        %>
                        <img alt="<%=Model.Name %>" src="<%=String.Format("data:image/png;base64,{0}",base64String)%>">
                    </div>
                </div>
            </div>
            <div class="w6 float-box">
                <div class="m">
                    <div class="details-container gc">
                        <div class="m">
                            <div class="choose-color mb">
                                <div class="color-choosed mb">
                                    <span class="label">颜色: </span><span class="value"></span>
                                </div>
                                <div class="clean output-wrap">
                                    <div class="float-box">
                                        <ul class="color-list clean">
                                            <li class="active"><a title="" href="#">
                                                <img class="icon" alt="chrome" src="http://cdn12.grohe.com/application/filebrowser/master/images/product-color-plates/big/001.png"></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="seperator mb">
                            </div>
                            <table class="mb">
                                <tbody>
                                    <tr class="big">
                                        <td>
                                            产品编号
                                        </td>
                                        <td>
                                            <%=Model.SKU %>
                                        </td>
                                    </tr>
                                    <tr class="big">
                                        <td>
                                            市场指导价
                                        </td>
                                        <td>
                                            <%=Model.Price %>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <div class="seperator mb">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="cleaner">
            </div>
            <div class="hr m">
            </div>
            <div class="m clean">
                <div class="mt mb">
                    <div class="clean mb">
                        <h2 class="mb">
                            产品描述
                        </h2>
                    </div>
                    <%=Model.Decription %>
                </div>
            </div>
            <div class="hr m">
            </div>
        </div>
    </div>
</asp:Content>
